Tengo esta matriz:

 [ { label: "Linkedin", social_handle: "linked_in", handle: "https://www.linkedin.com/in/", content: "", }, { label: "Twitter", social_handle: "twitter", input_handle: "https://twitter.com/", input_content: "", }, { label: "Website", social_handle: "website", input_handle: "", input_content: "", }]

Y lo itero en el siguiente código:

 <select onChange={(e) => props.handle(e)} className="form-control" > {props.socials_arr.map(({ label, social_handle }) => ( <option key={social_handle} defaultValue={social_handle}> <i class="fas fa-linkedin"></i> {label} </option> ))} </select>

Pero esto me devuelve esto esto

¿Cómo puedo resolver el [objeto objeto] y tener el ícono allí?